<template>
  <div class="container">
    我是根组件
    <div>--{{ number }}--</div>
    <h4><button @click="btn">点击我加1</button></h4>
  </div>
</template>
<script>
import { ref } from 'vue'
export default {
  name: 'App',
  setup(){
    // 通过引入式创建响应数据
    const number = ref(0)
    // 以前这个处理函数是要在methods中处理的，现在是直接在这里处理
    const btn = ()=>{
      // 以前是通过this点出来，现在是value
      number.value++
    }
    // 不管是函数还是数据都要return出来
    return { number,btn }
  }
}
</script>